// 1、获取id
function getId() {
    const url = new URL(window.location.href).search;
    let arr = url.split('=');
    return arr[1];
}

// 2、初始换组件
function init() {
    // 2.1获取文章内容
    function getContent() {
        $.get('/admin/article/search', {
            id: getId()
        }, res => {
            // 文章标题
            $('#inputTitle').val(res.data.title);
            // 文章图片
            $('#coverimg').prop('src', res.data.cover);
            // 文章类型
            $('#category').val(res.data.categoryId);
            // 文章发布时间
            $('#articleDate').val(res.data.date);
            // 文章内容，设置为 异步请求，富文本初始化，会覆盖掉添加到里面的内容，所以要添加延时器，
            setTimeout(()=>{
                tinyMCE.editors['articleContent'].setContent(res.data.content);
            },100);
        })
    };
    // 2.2、获取文章类型
    function getArtType() {
        $.get('/admin/category/list', res => {
            const type = res.data;
            const options = template('optionsTpl', {
                type
            })
            $('#category').append(options)
        })
    };

    // 2.3、初始化日期
    function initDate() {
        layui.use('laydate', function () {
            var laydate = layui.laydate;

            //执行一个laydate实例
            laydate.render({
                elem: '#articleDate' //指定元素
            });
        });
    }

    // 2.4、初始化富文本
    function initText() {
        tinymce.init({
            selector: '#articleContent',
            language: 'zh_CN',
        });
    };

    // 2.5、修改图片
    $('#inputCover').change(function () {
        const file = this.files[0];
        const url = URL.createObjectURL(file);
        $('#coverimg').prop('src', url);
    })

    // 2.1获取文章内容
    getContent();
    // 2.2、获取文章类型
    getArtType();
    // 2.3、初始化日期
    initDate();
    // 2.4、初始化富文本
    initText();
}


// 3、修改发布内容
function saveArticle(text) {
    const formdate = new FormData($('#form')[0]);
    formdate.append('id', getId());
    formdate.append('state', text);
    formdate.append('content', tinyMCE.editors['articleContent'].getContent());
    formdate.forEach((val, key) => {
        console.log(val, key);
    });
    $.ajax({
        type: 'post',
        url: '/admin/article/edit',
        data: formdate,
        contentType: false,
        processData: false,
        success(res) {
            layer.msg(res.msg);
            setTimeout(()=>{
                location.href='article_list.html';
            },2000);
        }
    })
}

// 2、初始化组件
init();